import React, {PureComponent} from 'react';
import {
	StyleSheet,
	ScrollView,
	View, Text
} from 'react-native';

/**
 * @FileName: EScrollViewDemo
 * @Author: mazaiting
 * @Date: 2018/6/9
 * @Description:
 */
class EScrollViewDemo extends PureComponent {
	render() {
		return (
			<ScrollView
				// 设置为水平
				horizontal={true}
				// 隐藏水平进度条
				showsHorizontalScrollIndicator={false}
				// 分页
				pagingEnabled={true}
				// 设置不可使用
				scrollEnabled={false}
				>
				{this.renderChildView()}
			</ScrollView>
		)
	}
	renderChildView() {
		// 定义数组
		let allChild = [];
		// 定义颜色
		let colors = ['red', 'green', 'blue', 'yellow', 'purple'];
		// 遍历
		for(let i = 0; i < 5; i++) {
			// 添加数据
			allChild.push(
				<View key={i} style={{backgroundColor: colors[i], width: 480, height: 300}}>
					<Text>{i}</Text>
				</View>
			)
		}
		// 返回
		return allChild;
	}
}

const styles = StyleSheet.create({
	container: {
		backgroundColor: '#DDD'
	}
});

module.exports = EScrollViewDemo;